@CHARSET "UTF-8";

@media only screen and (min-width: 768px){
	body { min-height: 100%; }
	
	.form-richedit {
		margin-left: 15px!important;
	}
}

/* navbar responsive */
@media only screen and (max-width:767px) {
	.navbar-container {
		padding-left: 2px
	}
	
	.form-richedit {
		margin-left: -15px!important;
	}
}
@media only screen and (max-width:760px) {
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
		top: 45px
	}
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
		top: 45px
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.username {
		display: block
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
		padding: 8px
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section {
		display: none
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
		margin-right: 0;
		margin-left: 1px
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area+.dropdown-menu {
		min-width: 200px
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area+.dropdown-menu:before {
		width: 50px
	}
}
@media only screen and (max-width:759px) {
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
		width: 270px;
		top: 0;
		padding: 0 5px;
		text-align: left
	}
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container label {
		margin-bottom: 0
	}
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
		right: 270px;
		top: 0
	}
}
@media only screen and (max-width:530px) {
	.navbar {
		height: 90px
	}
	.navbar .sidebar-collapse {
		left: auto;
		right: 0;
		width: 50px
	}
	.navbar .sidebar-collapse .collpse-icon {
		padding: 11px 15px
	}
	.navbar .navbar-brand {
		padding-left: 10px
	}
	.navbar .navbar-inner .navbar-header {
		float: none !important;
		display: block
	}
	.navbar .navbar-inner .navbar-header .navbar-account {
		float: right
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area {
		padding-left: 0;
		top: 45px
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications {
		left: -135px;
		right: auto
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications.dropdown-arrow:before {
		left: 135px
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages {
		left: -135px;
		right: auto
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages.dropdown-arrow:before {
		left: 135px
	}
	.navbar .navbar-inner .navbar-header .navbar-account .setting {
		top: 45px !important
	}
	.navbar .navbar-inner .navbar-header .navbar-account .setting-container {
		top: 45px !important
	}
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
		left: 50px
	}
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
		left: 0
	}
	.navbar .navbar-inner .navbar-container {
		padding-left: 0
	}
	.navbar-fixed-top+.main-container {
		margin-top: 90px !important
	}
	.breadcrumbs-fixed {
		top: 90px !important
	}
	.breadcrumbs-fixed+.page-header {
		margin-top: 40px !important
	}
	.page-header-fixed {
		top: 130px !important
	}
	.page-header-fixed+.page-body {
		margin-top: 80px !important
	}
	.page-sidebar.sidebar-fixed {
		top: 90px !important
	}
}
@media only screen and (max-width:450px) {
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
		width: 270px;
		padding: 0 5px;
		text-align: left;
		left: 50px
	}
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container label {
		margin-bottom: 0
	}
	.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
		left: 0
	}
}
@media only screen and (max-width:400px) {
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications {
		left: -55px;
		right: auto
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-notifications.dropdown-arrow:before {
		left: 55px
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages {
		left: -105px;
		right: auto
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-messages.dropdown-arrow:before {
		left: 105px
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-tasks {
		left: -100px;
		right: auto
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-tasks.dropdown-arrow:before {
		left: 100px
	}
}
@media only screen and (max-width:320px) {
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-arrow:before {
		width: 45px !important
	}
	.navbar .navbar-inner .navbar-header .navbar-account .account-area>li>a {
		min-width: 45px
	}
}

/* TODO navbar responsive */
@media only screen and (max-width:880px) {
	.page-sidebar:before {
		display: none
	}
	.page-sidebar {
		display: none;
		float: none
	}
	.breadcrumbs-fixed {
		left: 0 !important
	}
	.page-header-fixed {
		left: 0 !important
	}
}
@media ( max-width :880px) {
	.page-sidebar.hide {
		display: block !important;
	}
	.page-sidebar.hide:before {
		display: block !important;
	}
	.page-sidebar.hide ~.page-footer,
	.page-sidebar.hide ~.page-content {
		margin-left: 224px !important;
	}
	.page-sidebar.hide ~.page-content .breadcrumbs-fixed {
		left: 224px !important;
	}
	.page-sidebar.hide ~.page-content .page-header-fixed {
		left: 224px !important;
	}
	.page-sidebar.menu-compact ~.page-footer,
	.page-sidebar.menu-compact ~.page-content {
		margin-left: 0
	}
	.page-sidebar.menu-compact ~.page-content .breadcrumbs-fixed {
		left: 0;
	}
	.page-sidebar.menu-compact ~.page-content .page-header-fixed {
		left: 0;
	}
	.page-sidebar.menu-compact.hide ~.page-footer,
	.page-sidebar.menu-compact.hide ~.page-content {
		margin-left: 42px!important;
	}
	.page-sidebar.menu-compact.hide ~.page-content .breadcrumbs-fixed {
		left: 46px!important;
	}
	.page-sidebar.menu-compact.hide ~.page-content .page-header-fixed {
		left: 46px!important;
	}
}
@media ( max-width :500px) {
	.page-sidebar.hide ~.page-content .page-header .header-title {
		display: none
	}
	.page-sidebar.hide ~.page-content .page-header .header-buttons .refresh,
	.page-sidebar.hide ~.page-content .page-header .header-buttons .fullscreen {
		display: none
	}
	.page-sidebar.menu-compact.hide ~.page-content .page-header .header-buttons .refresh,
	.page-sidebar.menu-compact.hide ~.page-content .page-header .header-buttons .fullscreen {
		display: inline-block
	}
}

@media only screen and (max-width:880px) {
	.page-footer,
	.page-content {
		margin-left: 0
	}
}
